<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	<script src="../assets/flexible/flexible.debug.js"></script>
	<script src="../assets/flexible/flexible_css.debug.js"></script>
	<link rel="stylesheet" href="../css/tou1.css">
	<link rel="stylesheet" href="../css/novel.css">
	<link rel="stylesheet" href="../assets/font-awesome-4.7.0/css/font-awesome.min.css">
</head>
<body>
	<header class="header">
		<a href="shouye.html" class="left"><img src="../images/quxiao.png" alt=""></a>
		<div class="center">
			<p>热门小说精选</p>
		</div>
		<a href="#" class="right"></a>
	</header>

	<div class="banner">
		<img src="../images/banner1.png" alt="">
	</div>

	<div class="info">
		<p>很多人都喜欢看书。</p>
		<p>我想，在这里你可以找到属于你的一本精神食粮，</p>
		<p>不需要太多，能带给你轻松快乐就够了。</p>
	</div>

	
	<script type="text/html" id="novels">
        {{each data v i}}
		<div class="bookname">
			<div class="top">
				<figure class="left"><img src="{{v.img}}"></figure>
				<div class="right">
					<p class="name">{{v.name}}</p>
					<p class="infos">{{v.infos}}</p>
				</div>
			</div>
			<div class="bottom">
				<p class="writer">{{v.writer}}<span>{{v.names}}</span></p>
				<p class="intro">{{v.intro}}</p>
			</div>
		</div>
		{{/each}}
    </script>

	




	<div class="list">
		<div class="total">大学著作</div>
		<div class="lists"></div>
	</div>

	<div class="loading">
		<p>未完待续…</p>
		<p>更多精彩书籍，请看下集分解。</p>
		<p>未看到您喜欢的书籍？</p>
		<p>更多精彩的书籍请点击这里。</p>
	</div>

	<div class="more">更多书籍>></div>

	<script src="../assets/jquery/jquery-3.2.1.min.js"></script>
	<script src="../assets/artTemplate/template-web.js"></script>
	<script src="../js/novel.js"></script>


</body>
</html>